** - B-) <html><head></body></html><title></title></head><body>
- C-) <title><head></title></head><body></body></html><html>
- D-) <html><head><title></head><body></html></title></body>
- E-) <html><head><title></title></head><body></html></body>
<hr /> 1. <strong>Aşağıdaki HTML etiketi ve kullanım amacı eşleştirmelerinden hangisi <u>yanlıştır</u>?</strong>
- **Cevap A-) < a > - Sayfa içinde bir tablo oluşturmak için kullanılır.**
- B-) < ul > - Sırasız bir liste oluşturmak için kullanılır.
- C-) < ol > - Sıralı bir liste oluşturmak için kullanılır.
- D-) < li > - Listenin elemanlarını ayrı ayrı oluşturmak için kullanılır.
- E-) < br > - Alt satıra geçilmesini sağlar.
<hr /> 1. <strong>Aşağıdaki HTML 5 etiketleri ve kullanım alanı eşleştirmelerinden hangisi <u>yanlıştır</u>?</strong>
- A-) audio - Sayfa içine ses dosyasının eklenmesini sağlar.
- **Cevap B-) video - Sayfalar içinde içerik kısmını ayırmayı sağlar.**
- C-) time - Tarih bilgisinin yazılabileceği alanı belirtir.
- D-) article - Makale gibi yazıların yazılabileceği alanı belirtir.
- E-) header - Sitede tüm sayfalarda ortak bulunan logo, menü vb. gibi alanların yer aldığı üst bölümü belirtir.
<hr /> 1. <strong>Aşağıdakilerden hangisi sadece açık hâli yazılan etiketlerden biri <u>değildir</u>?</strong>
- A-) < img >
- B-) < meta >
- C-) < link >
- **Cevap D-) < table >**
- E-) < input >
<hr /> 1. I. Etiketler yan yana yazılabilse de alt alta yazılması tercih edilir.<br /> II. HTML kodları yazılırken genellikle büyük harfler tercih edilir.<br /> III. En son yazılan etiket en son kapatılır.<br /> <strong>Yukarıdakilerden hangisi ya da hangileri etiketlerin kullanımları arasında yer alır?</strong>
- **Cevap A-) Yalnız I**
- B-) Yalnız II
- C-) I ve II
- D-) II ve III
- E-) I, II ve III
<hr /> 1. <strong>Herhangi bir etiket aşağıdaki karakterlerden hangisi ile biter?</strong>
- A-) <
- **Cevap B-) >**
- C-) [
- D-) (
- E-) }
<hr /> 1. <strong>Aşağıdakilerden hangisi bir sitede tüm sayfalarda ortak bulunan telif hakkı bilgisi ve hızlı erişim linki gibi alanların yer aldığı alt bölümü belirten bir etikettir?</strong>
- A-) audio
- B-) header
- **Cevap C-) footer**
- D-) section
- E-) time
<hr /> 1. Bir HTML belgesi ..... etiketiyle başlar ve biter.<br /> <strong>Cümlede boş bırakılan yere aşağıdakilerden hangisi getirilmelidir?</strong>
- A-) link
- B-) head
- C-) div
- **Cevap D-) html**
- E-) title
<hr /> ## Unite 4 1. <strong>Aşağıdakilerden hangisi HTML5 dokümanında belge türünün ne olduğuna dair eklenen ibare aşağıdakilerden hangisidir?</strong>
- **Cevap A-) <!DOCTYPE html>**
- B-) <html documentType=”html>
- C-) <document html>
- D-) <!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd">
- E-) <html>
<hr /> 1. <strong>Aşağıdakilerden hangisi sayfa dilini belirlemek için <html> etiketine eklenen bir özelliktir?</strong>
- A-) language
- **Cevap B-) lang**
- C-) charset
- D-) doctype
- E-) meta
<hr /> 1. <strong>Aşağıdakilerden hangisi sayfanızda Türkçe karakter problemi yaşadığınızda eklemeniz gereken HTML kodudur?</strong>
- A-) <!DOCTYPE html>
- B-) <title>
- C-) <html lang=”tr”>
- **Cevap D-) <meta charset=”UTF-8”>**
- E-) <meta>
<hr /> 1. <strong>Aşağıdakilerden hangisi HTML5 ile birlikte gelen semantik (anlamsal) elemanlardan <u>değildir</u>?</strong>
- A-) <nav>
- B-) <section>
- **Cevap C-) <div>**
- D-) <header>
- E-) <datalist>
<hr /> 1. <strong>Bir web sayfasının ana menüsünü oluştururken aşağıdaki etiketlerin hangisini kullanmanız daha doğrudur?</strong>
- A-) <aside>
- B-) <section>
- C-) <footer>
- **Cevap D-) <nav>**
- E-) <table>
<hr /> 1. <strong>Blog sitesi tasarladığınızı düşünün. Bu blog sitesinde, blog yazısı bölümü için en uygun etiket aşağıdakilerden hangisidir?</strong>
- A-) <p>
- B-) <aside>
- C-) <footer>
- D-) <header>
- **Cevap E-) <article>**
<hr /> 1. <strong>Aşağıdakilerden hangisi input alanına (örn: <input list=”sehirler”>) tanımlı bir veri listesi oluşturmayı sağlayan bir etikettir?</strong>
- **Cevap A-) <datalist>**
- B-) <canvas>
- C-) <details>
- D-) <summary>
- E-) <embed>
<hr /> 1. <strong>Aşağıdakilerden hangisi sayfaya genişliği 300 yüksekliği 300 olan bir tuval eklememizi sağlar?</strong>
- A-) <canvas></canvas>
- **Cevap B-) <canvas height=""”300”"" width=""”300”"">**
- C-) <img />
- D-) <figure> </figure>
- E-) <svg></svg>
<hr /> 1. <strong>JavaScript kodu kullanmadan açılıp kapanabilen açıklama bölümü eklemek için kullanılan HTML5 etiketi aşağıdakilerden hangisidir?</strong>
- A-) <datalist>
- B-) <section>
- **Cevap C-) <details> ve <summary>**
- D-) <progress>
- E-) <meter>
<hr /> 1. <strong>Sayfaya basit çizimler eklemek için kullanılan HTML5 elemanı aşağıdakilerden hangisidir?</strong>
- **Cevap A-) < canvas >**
- B-) < track >
- C-) < datalist >
- D-) < meter >
- E-) < dialog >
<hr /> 1. <strong>HTML5'te, *.css ve *.js uzantılı dosyaları HTML dokümanı içerisinde çağırırken sırasıyla hangi etiketler kullanılır?</strong>
- A-) < meter > ve < progress >
- B-) < details > ve < summary >
- C-) < figure > ve < figcaption >
- D-) < article > ve < section >
- **Cevap E-) < link > ve < script >**
<hr /> 1. <strong>Aşağıdakilerden hangisi HTML5'te yer alan grafik ve medya etiketleri arasında <u>yer almaz</u>?</strong>
- A-) < canvas >
- **Cevap B-) < header >**
- C-) < audio >
- D-) < svg >
- E-) < source >
<hr /> 1. Türkçe hazırlamış olduğunuz HTML5 dokümanında karakter problemi yaşayabilirsiniz. Bu durumda <.........................> ibaresini <head> etiketlerinin arasında belirtebilirsiniz.<br /> <strong>Paragrafta boş bırakılan yere aşağıdakilerden hangisi getirilmelidir?</strong>
- A-) !DOCTYPE HTML
- B-) charset=”türkçe”
- C-) meta=”türkçe”
- D-) lang="tr"
- **Cevap E-) meta charset=”utf 8”**
<hr /> 1. <strong>Aşağıdakilerden hangisi HTML dokümanlarının ilk satırına yazılan, tarayıcıya dokümanın tipini belirten bir ifadedir?</strong>
- A-) language
- B-) lang
- C-) charset
- D-) meta
- **Cevap E-) doctype**
<hr /> 1. <strong>Blog sayfası tasarladığınızı düşünün. Bu sayfada blog yazısının sağ kısmına anahtar kelimeler, yazı kategorisi ve yazar adı eklemek için kullanılan etiket aşağıdakilerden hangisidir?</strong>
- **Cevap A-) < aside >**
- B-) < article >
- C-) < header >
- D-) < footer >
- E-) < p >
<hr /> 1. <strong>JavaScript aracılığıyla çizim yapmamızı sağlayan HTML5 etiketi aşağıdakilerden hangisidir?</strong>
- A-) <img />
- B-) <section></section>
- C-) <nav> </nav>
- D-) <embed> </embed>
- **Cevap E-) <canvas></canvas>**
<hr /> 1. <strong>Aşağıdakilerden hangisi sürükle bırak işlemlerinde herhangi bir nesneye sürüklenme özelliği kazandırmak için eklenen özelliktir?</strong>
- **Cevap A-) draggable=”true”**
- B-) width=”200”
- C-) ondrop
- D-) ondragover
- E-) id
<hr /> ## Unite 5 1. <strong>Bir yazılımın, başka bir yazılımla iletişime geçmesini ve işlevlerini kullanmasını sağlayan arayüz aşağıdakilerden hangisidir?</strong>
- **Cevap A-) API**
- B-) Etiket
- C-) Kullanıcı arayüzü
- D-) HTML 5
- E-) Postman
<hr /> 1. <strong>API kullanımına ilk izin veren site aşağıdakilerden hangisidir?</strong>
- **Cevap A-) Salesforce.com**
- B-) Amazon
- C-) Twitter
- D-) Flickr
- E-) Foursquare
<hr /> 1. <strong>Aşağıdakilerden hangisi API performansını ölçmek için iyi bir yoldur?</strong>
- A-) API uygulaması
- B-) API örneği
- **Cevap C-) API testi**
- D-) API kullanımı
- E-) Canvas API
<hr /> 1. <strong>Aşağıdakilerden hangisi API testinin yararlarından biri <u>değildir</u>?</strong>
- A-) Mantık tasarlandıktan sonra, yanıtı ve verileri doğrulamak için testler yürütülebilir.
- B-) Başarısız olduğunda, sistemin nerede başarısız olduğunu ve hatanın nasıl oluştuğunu belirlemek daha kolaydır.
- C-) Uygulamanın işleyişi kolaylıkla kontrol edilebilir.
- D-) Daha kısa sürede daha fazla hata bulunabilir ve düzenlenebilir.
- **Cevap E-) Kodlamaya yardım ederek sayfanın yüklenme hızını arttırır.**
<hr /> 1. <strong>Aşağıdakilerden hangisi API test araçlarından biri <u>değildir</u>?</strong>
- A-) Postman
- B-) Karate DSL
- C-) Jmeter
- **Cevap D-) Geolocation**
- E-) Apigee
<hr /> 1. <strong>Postman ile ilgili aşağıdakilerden hangisi doğrudur?</strong>
- A-) HTML API’sidir.
- B-) HTML etiketidir.
- **Cevap C-) API test aracıdır.**
- D-) API test türüdür.
- E-) Web tarayıcısıdır.
<hr /> 1. <strong>Aşağıdakilerden hangisi HTML 5 ile yeni gelen API’lerden biri <u>değildir</u>?</strong>
- A-) Canvas
- B-) Media
- C-) Geolocation
- D-) Drag and drop
- **Cevap E-) Rest Assured**
<hr /> 1. <strong>HTML 5 ile yeni gelen API’lerden “websocket”in görevi aşağıdakilerden hangisidir?</strong>
- A-) Konum bilgisini tanımlar.
- B-) Sayfa içindeki nesnelere sürükle-bırak tanımlar.
- C-) Yazdırma desteği sağlar.
- D-) İstemci bilgisayarına veri depolamayı tanımlar.
- **Cevap E-) Sunucu, istemci arasındaki çift yönlü bağlantıyı tanımlar.**
<hr /> 1. <strong>Geolocation API’de kullanılan “navigator.geolocation” özelliği ile ilgili aşağıdakilerden hangisi doğrudur?</strong>
- A-) İki parametre alır.
- **Cevap B-) Tarayıcının desteklenip desteklenmediği kontrol edilir.**
- C-) Konum doğruluğu kontrol edilir.
- D-) Enlem bilgisini geri döndürür.
- E-) Boylam bilgisini geri döndürür.
<hr /> 1. <strong>Aşağıdakilerden hangisi web tasarımında API (Application Programming Interface)</strong> <strong>kullanımının avantajlarından biri <u>değildir</u>?</strong>
- A-) Görünüşte zor ve karmaşık görünen projelerin, içeriğinin iyi bir dilde tasarlanmasını ve uygulanmasını sağlar.
- B-) Projede daha fazla fonksiyon için fırsatlar sağlar.
- C-) API kullanımı ile kullanıcı ve müşteri dostu kolaylıklar sağlanabilir.
- D-) Entegrasyon yoluyla oluşturulan projelerin başarılı olma olasılığı daha yüksektir.
- **Cevap E-) HTML5 ile oluşturulmuş web sayfalarının yüklenmeleri hızlanır.**
<hr /> 1. <strong>HTML5 ile gelen API'ler ve görevleriyle ilgili olarak aşağıdaki eşleştirmelerden hangisi <u>yanlıştır</u>?</strong>
- A-) Geolocation - Konum bilgisini tanımlar.
- B-) Drag and drop - Sayfa içindeki nesnelere sürükle-bırak tanımlar.
- **Cevap C-) Canvas - Ses ve görüntü oynatmayı tanımlar.**
- D-) Print - Yazdırma desteği sağlar.
- E-) Webstorage - İstemci bilgisayarına veri depolamayı tanımlar.
<hr /> 1. <strong>Aşağıdaki uygulamalardan hangisi Geolocation API ile birlikte kullanıcının konumunu bulmak için kullanılmaktadır?</strong>
- A-) Gmail
- **Cevap B-) Google Maps**
- C-) Adobe Reader
- D-) Teamviewer
- E-) Postman
<hr /> 1. Canvas API ile çember çizmek için en bilinen yöntem olan ........................ yöntemi, merkez konumu ve yarıçapını bildirdiğimiz bir yay veya tam bir çember çizmek için kullanılır.<br /> <strong>Cümlede boş bırakılan yere aşağıdakilerden hangisi getirilmelidir?</strong>
- A-) yuvarlak()
- B-) fillStyle()
- C-) fill()
- **Cevap D-) arc()**
- E-) lineTo()
<hr /> 1. Canvas API ile dikdörtgen çizerken .................. dolgu rengi için kullanılırken .................. çizgi rengi için kullanılır.<br /> <strong>Cümlede boş bırakılan yerlere sırasıyla aşağıdakilerden hangisi getirilmelidir?</strong>
- **Cevap A-) fillStyle - strokeStyle**
- B-) background - font
- C-) font - color
- D-) fillRect - clearRect
- E-) fillText - textAlign
<hr /> 1. <strong>Aşağıdakilerden hangisi en çok kullanılan API test aracıdır?</strong>
- A-) Rest Assured
- **Cevap B-) Postman**
- C-) Tricentis Tosca
- D-) Katalon Studio
- E-) Jmeter
<hr /> 1. I. rect <br /> II. strokeRect <br /> III. fillRect <br /> IV. measureText <br /> <strong>Yukarıdakilerden hangisi ya da hangileri Canvas ile dörtgen çizmek için kullanılan yöntemlerden biri <u>değildir</u>?</strong>
- A-) Yalnız I
- **Cevap B-) Yalnız IV**
- C-) I, III ve IV
- D-) II, III ve IV
- E-) I, II, III ve IV
<hr /> 1. <strong>Aşağıdakilerden hangisi API test araçlarından biridir?</strong>
- A-) Canvas
- B-) Media
- **Cevap C-) SoapUI**
- D-) Audio
- E-) Geolocation
<hr /> 1. <strong>Aşağıdakilerden hangisi API kullanmanın avantajlarından biri <u>değildir</u>?</strong>
- A-) Yazılımcının işini her zaman kolaylaştırır.
- B-) Projede daha fazla fonksiyon için fırsatlar sağlar.
- **Cevap C-) Entegrasyon yoluyla oluşturulan projelerin başarılı olma olasılığı daha düşüktür.**
- D-) Kullanıcı ve müşteri dostu kolaylıklar sağlanabilir.
- E-) Zor ve karmaşık görünen projelerin, içeriğinin iyi bir dilde tasarlanmasını ve uygulanmasını sağlar.
<hr /> ## Unite 6 1. <strong>Meta etiketleri aşağıda bulunan hangi kodlar arasına yazılmalıdır?</strong>
- **Cevap A-) Head**
- B-) Body
- C-) Title
- D-) Script
- E-) Style
<hr /> 1. <strong>Meta etiketleri ile ilgili aşağıda verilen bilgilerden hangisi <u>yanlıştır</u>?</strong>
- A-) Basit HTML kodlarındandır.
- B-) Web sitesi hakkında bilgi vermek için kullanılabilirler.
- C-) Küresel alanda Meta Tag olarak isimlendirilirler.
- **Cevap D-) Popüler tarayıcılar tarafından tercih edilmezler.**
- E-) Web sayfası ekranında görünmezler.
<hr /> 1. <strong>Aşağıdakilerden hangisi meta etiketlerinden biri <u>değildir</u>?</strong>
- A-) Title
- B-) Description
- C-) Keywords
- D-) Charset
- **Cevap E-) Head**
<hr /> 1. “Bu bölüme yazılan içerikler, arama motorlarının listeleme alanında en üstte, sayfanın kullanıcılar tarafından sık kullanılanlara eklenilmesi durumunda ve tarayıcıların başlık bölümünde görünecek alanlardır.”<br /> <strong>Yukarıdaki bilgide bahsedilen meta etiketi aşağıdakilerden hangisidir?</strong>
- A-) Meta description
- **Cevap B-) Meta title**
- C-) Meta charset
- D-) Meta refresh
- E-) Meta robots
<hr /> 1. <strong>Meta description etiketine yazılması önerilen en fazla karakter sayısı aşağıdakilerden hangisidir?</strong>
- A-) 100
- B-) 130
- **Cevap C-) 160**
- D-) 190
- E-) 220
<hr /> 1. <strong>Arama motoru sayfasında yer alan sonuçlarda üst sıraya çıkmak için yapılan işleme ne ad verilir?</strong>
- A-) İndexleme
- B-) Takip etme
- **Cevap C-) Arama motoru optimizasyonu**
- D-) Görüş alanı
- E-) Mobil uyumu
<hr /> 1. <strong>Aşağıdakilerden hangisi web tarayıcıların, web sayfasındaki karakterlerin ne olduğunu anlaması için kullanılan meta etiketidir?</strong>
- A-) Meta title
- B-) Meta description
- C-) Meta keywords
- **Cevap D-) Meta charset**
- E-) Rest robots
<hr /> 1. <strong>Meta refresh etiketi ile ilgili aşağıdakilerden hangisi <u>yanlıştır</u>?</strong>
- A-) Web sayfasının yenilenmesi için kullanılabilir.
- B-) Web sayfasının yönlendirilmesi için kullanılabilir.
- C-) Belirli bir süre sonunda sayfa yönlendirilmesi sağlanabilir.
- D-) Head kodları arasına yazılması gerekmektedir.
- **Cevap E-) Güncellenmesi az olan sitelerin tercih etmesi gerekmektedir.**
<hr /> 1. <strong>Aşağıda bulunan HTML özel karakterlerinden hangisi web sayfasına boşluk eklemekte kullanılır?</strong>
- **Cevap A-) & nbsp;**
- B-) & amp;
- C-) & copy;
- D-) & lt;
- E-) & apos;
<hr /> 1. <strong>Web tarayıcıya ekranı hangi genişlikte görüntüleyeceğini bildiren ifade aşağıdakilerden hangisidir?</strong>
- A-) Meta charset
- B-) Meta robot
- C-) Meta keywords
- D-) Meta title
- **Cevap E-) Meta viewport**
<hr /> 1. <strong>Web sayfasında yer alan içeriğin kısaca tanımlanmasını sağlayan ifade a</strong><strong>şağıdakilerden hangisidir</strong><strong>?</strong>
- **Cevap A-) Meta Description**
- B-) Meta Robots
- C-) Meta Refresh
- D-) Meta Charset
- E-) Meta Viewport
<hr /> 1. <strong>Aşağıdakilerden hangisi Meta etiketinin özelliklerinden biri <u>değildir</u>?</strong>
- A-) Web sitesinin en başında yer alır.
- B-) Basit HTML kodlarındandır.
- C-) Web sitesi hakkında bilgi vermek, içerik ve başlıkları belirtmek gibi çeşitli amaçlarla kullanılabilir.
- D-) Küresel alanda Meta Tag olarak isimlendirilir.
- **Cevap E-) Web sayfası ekranında görülür.**
<hr /> 1. ................. kullanıcının tarayıcısında girdiği web sayfasının kapladığı alandır.<br /> <strong>Cümlede boş bırakılan yere aşağıdakilerden hangisi getirilmelidir?</strong>
- A-) Robots
- **Cevap B-) Viewport**
- C-) Refresh
- D-) Author
- E-) Charset
<hr /> 1. Web sitesinin en başında yer alır ve basit HTML kodlarındandır. Web sitesi hakkında bilgi vermek, içerik ve başlıkları belirtmek gibi çeşitli amaçlarla kullanılabilir.<br /> <strong>İfade edilen HTML kodu aşağıdakilerden hangisidir?</strong>
- **Cevap A-) Meta etiketi**
- B-) Özel karakter
- C-) Arama motoru optimizasyonu
- D-) İndexleme
- E-) Body etiketi
<hr /> 1. <strong>Meta robots etiketinde kullanılan “follow” komutunun arama motorları bakımından görevi aşağıdakilerden hangisidir?</strong>
- A-) Sayfa indexlemesini sağlar.
- B-) Sayfa indexlemesini engeller.
- **Cevap C-) Sayfa içindeki bağlantıların takibini sağlar.**
- D-) Sayfa içindeki bağlantıların takibini engeller.
- E-) Sayfa arşivlenmesini sağlar.
<hr /> 1. <strong>Aşağıdakilerden hangisi HTML özel karakterlerinden biri <u>değildir</u>?</strong>
- A-) & nbsp;
- B-) &# 160;
- C-) & amp;
- D-) & quot;
- **Cevap E-) &# apos;**
<hr /> 1. <strong>Web sayfasına çift tırnak eklemek için kullanılan HTML özel karakteri aşağıdakilerden hangisidir?</strong>
- A-) & times;
- **Cevap B-) & quot;**
- C-) & reg;
- D-) & cent;
- E-) & gt;
<hr /> 1. I. Web sitesinin en sonunda yer alır.<br /> II. Basit HTML kodlarındandır.<br /> III. Web sitesi hakkında bilgi vermek, içerik ve başlıkları belirtmek gibi çeşitli amaçlarla kullanılabilir.<br /> IV. Küresel alanda Meta Tag olarak isimlendirilir.<br /> <strong>Yukarıdakilerden hangisi ya da hangileri meta etiketi ile ilgili doğrudur?</strong>
- A-) Yalnız I
- B-) I ve II
- C-) II ve III
- D-) I, II ve IV
- **Cevap E-) II, III ve IV**
<hr /> ## Unite 7 1. <strong>Aşağıdakilerden hangisinde CSS söz dizimi doğru verilmiştir?</strong>
- **Cevap A-) #baslik{ color:red; }**
- B-) color;red:
- C-) color:yellow;
- D-) .icerik(color:red;)
- E-) İçerik(color:red);
<hr /> 1. <strong>Aşağıdakilerden hangisi basit CSS seçicisidir?</strong>
- A-) #baslik{}
- B-) #baslik .altbaslik {}
- **Cevap C-) div{}**
- D-) .icerik{}
- E-) .icerik:hover{}
<hr /> 1. <strong>Aşağıdakilerden hangisi CSS seçiciler arasında <u>yer almaz</u>?</strong>
- A-) Evrensel seçici
- **Cevap B-) Mutlak seçici**
- C-) Basit seçici
- D-) Sınıf seçici
- E-) Kimlik seçici
<hr /> 1. <strong>Sınıf olmayan fakat sınıf gibi davranış gösteren seçicilere ne ad verilir?</strong>
- A-) sınıf seçicileri
- B-) kimlik seçiciler
- C-) evrensel seçiciler
- D-) basit seçiciler
- **Cevap E-) sözde sınıflar**
<hr /> 1. <strong>Aşağıdaki CSS özelliklerinden hangisi birden fazla özelliğin kısaltılarak kullanımını temsil eder?</strong>
- A-) font-size
- **Cevap B-) margin**
- C-) border-color
- D-) background-image
- E-) margin-left
<hr /> 1. <strong>Harici bir CSS stil dosyasını web sayfasına entegre etmek için aşağıdaki HTML etiketlerinden hangisi kullanılır?</strong>
- A-) script
- B-) bady
- C-) head
- **Cevap D-) link**
- E-) div
<hr /> 1. <strong>CSS özelliklerinden çok sütunlu düzen özelliği olan column-gap’ın açıklaması aşağıdakilerin hangisinde verilmiştir?</strong>
- A-) Sütunların nasıl doldurulacağını belirtir.
- **Cevap B-) Çok sütunlu bir öğedeki sütunlar arasındaki boşluğu belirtir.**
- C-) Çok sütunlu bir öğedeki sütunların en uygun genişliğini belirtir.
- D-) Çok sütunlu bir öğedeki sütun sayısını belirtir.
- E-) Çok sütunlu bir düzende bir öğenin kaç sütuna yayılacağını belirtir.
<hr /> 1. <strong>Gölgelendirme, harfler ve kelimeler arası boşluk, büyük harf, küçük harf gibi biçimlendirmeyi CSS’nin hangi özelliği ile yapılır?</strong>
- A-) Liste özelliği
- B-) Yazı tipi özelliği
- **Cevap C-) Metin ve içerik özelliği**
- D-) Tablo özelliği
- E-) Dönüştürme özelliği
<hr /> 1. <strong>Aşağıdakilerden hangisi CSS’nin dönüştürme özelliğidir?</strong>
- A-) caption-side
- B-) transition
- C-) animation-direction
- D-) column-rule
- **Cevap E-) perspective**
<hr /> 1. <strong>Aşağıdakilerin hangisinde CSS ile animasyon oluşturmak için gerekli adımlar doğru tanımlanmıştır?</strong>
- A-) HTML – PHP – @keyframes
- B-) HTML – @keyframes
- C-) PHP – @keyframes
- **Cevap D-) HTML – CSS – @keyframes**
- E-) HTML
<hr /> 1. <strong>CSS ile ilgili olarak aşağıdakilerden hangisi <u>yanlıştır</u>?</strong>
- A-) HTML büyük ölçüde metin içeriğini belirlerken CSS görsel yapıyı, düzeni ve estetiği belirler.
- B-) CSS, bir internet sitesinin tasarımsal açıdan daha etkileyici görünmesini kolaylaştıran bir işaretleme dilidir.
- C-) CSS, İngilizce Cascade Style Sheet kelimelerinin kısaltılmasıdır.
- D-) Web sayfaları için etkileşimli görsel ögeler CSS ile tasarlanabilir.
- **Cevap E-) CSS ilk kez 2010'lu yıllarda önerilmiş ve kullanılmaya başlanmıştır.**
<hr /> 1. <strong>CSS dilinde içeriğin (metnin) altına, üstüne veya üzerine çizgi çekmeyi belirten özellik aşağıdakilerden hangisidir?</strong>
- A-) Text-overflow
- B-) Text-shadow
- **Cevap C-) Text-decoration**
- D-) Text-indent
- E-) Text-align
<hr /> 1. <strong>CSS animasyonları ile ilgili olarak aşağıdakilerden hangisi <u>yanlıştır</u>?</strong>
- **Cevap A-) Fazladan komut dosyaları gerektirdiklerinden, CSS animasyonları sayfaları oldukça yavaşlatır.**
- B-) Bir ögenin bir veya daha fazla stil özelliğindeki bir değişikliği canlandırmaya ve ayrıca animasyonun çeşitli yönlerini kontrol etmeye olanak tanıyan bir CSS özelliğidir.
- C-) CSS animasyonları ek kod (örn. JavaScript) veya medya (örn. GIF'ler) gerektirmez, her şey HTML ve CSS ile yapılır.
- D-) CSS animasyonları, sayfaya daha fazla yük getirmeden dinamik, ilgi çekici içerik eklemek isteyen internet sayfaları için kullanılır.
- E-) Animasyonun daha fazla özelleştirmek için hız ve gecikme gibi özellikler de eklenebilir.
<hr /> 1. <strong>HTML'de form tasarlarken girişin zorunlu olduğu durumlarda kullanılan CSS seçici aşağıdakilerden hangisidir?</strong>
- A-) Valid
- **Cevap B-) Required**
- C-) Invalid
- D-) Read-Only
- E-) Enabled
<hr /> 1. <strong>Aşağıdakilerden hangisi animasyon sırasında çeşitli noktalarda animasyon özellikleri için değerleri belirtir?</strong>
- **Cevap A-) @keyframes**
- B-) animation-name
- C-) animation-duration
- D-) animation-timing-function
- E-) animation-iteration-count
<hr /> 1. <strong>Aşağıdakilerden hangisinde CSS steno özelliği <u>kullanılmaz</u>?</strong>
- A-) border
- B-) margin
- **Cevap C-) color**
- D-) padding
- E-) background
<hr /> 1. <strong>Aşağıdakilerden hangisi CSS (Cascade Style Sheet) metin özellikleri arasında <u>yer almaz</u>?</strong>
- **Cevap A-) font-size**
- B-) direction
- C-) tab-size
- D-) text-align
- E-) letter-spacing
<hr /> 1. <strong>Display, position, z-index ve resize gibi özellikler CSS’nin hangi özelliği altında tanımlanır?</strong>
- A-) Tablo
- B-) Arka plan
- **Cevap C-) Görsel biçimlendirme**
- D-) Liste
- E-) Animasyon
<hr /> 1. <strong>Boyut özellikleri ve açıklamaları ile ilgili olarak aşağıdakilerden hangisi <u>yanlıştır</u>?</strong>
- A-) height: Bir ögenin yüksekliğini ayarlar.
- B-) max-width: Bir ögenin maksimum genişliğini ayarlar.
- **Cevap C-) min-height: Bir ögenin minimum genişliğini ayarlar.**
- D-) min-width: Bir ögenin minimum genişliğini ayarlar.
- E-) width: Bir ögenin genişliğini ayarlar.
<hr /> ## Unite 8 1. Esnek öğeler, ……… ile başlayıp ………. kadar kutunun içine yerleştirilir.<br /> <strong>Yukardaki cümlede boş bırakılan yerlere aşağıdakilerden hangisi gelmelidir?</strong>
- A-) yukarı - aşağıya
- B-) kapsayıcı - kutuya
- C-) kutu - kapsayıcıya
- D-) son (main-end) – başlangıça (main-start)
- **Cevap E-) başlangıç (main-start) - sona (main-end)**
<hr /> 1. <strong>Aşağıdakilerden hangisi Flexbox kapsamında kullanılan özellikler arasında <u>yer almaz</u>?</strong>
- A-) align-content
- B-) align-items
- C-) align-self
- **Cevap D-) border**
- E-) flex
<hr /> 1. <strong>Flexbox’ta öğeleri dikey hizalamak için aşağıdakilerden hangisi kullanılır?</strong>
- **Cevap A-) align-content**
- B-) flex-wrap
- C-) flex
- D-) order
- E-) flex-grow
<hr /> 1. align-items özelliği justify-content‘in ………. eksende yaptığı işlemleri …….. eksende hizalama yapmak için kullanılır.<br /> <strong>Yukarıdaki cümlede boş bırakılan yerlere gelebilecek en uygun kelimeler hangisidir?</strong>
- **Cevap A-) yatay - dikey**
- B-) dikey - dikey
- C-) dikey - yatay
- D-) yatay - yatay
- E-) düz - dikey
<hr /> 1. <strong>Aşağıdakilerden hangisi Flexbox özelliklerinden align-self’in değerleri arasında <u>yer almaz</u>?</strong>
- A-) auto
- B-) baseline
- C-) flex-start
- D-) stretch
- **Cevap E-) margin**
<hr /> 1. <strong>CSS Flexbox özelliklerinden flex-directory varsayılan yerleşim yönü aşağıdakilerden hangisidir?</strong>
- A-) dikey
- **Cevap B-) yatay**
- C-) dikey ve yatay
- D-) yukarı
- E-) aşağı
<hr /> 1. <strong>CSS Flexbox’ta birden çok satıra yaymak için hangi özellik kullanılır?</strong>
- A-) column
- B-) Align-item
- C-) Align-content
- **Cevap D-) Flex-wrap**
- E-) Flex-grow
<hr /> 1. <strong>CSS Flexbox’ta flex-direction ve flex-wrap özelliklerini tek seferde tanımlamak için hangi özellik kullanılır?</strong>
- A-) Justify-content
- B-) Flex-start
- **Cevap C-) Flex-flow**
- D-) Flex-end
- E-) space-between
<hr /> 1. <strong>Aşağıdakilerden hangisi CSS Flexbox özelliklerinden justify-content’in değerleri arasında yer alır?</strong>
- A-) caption-side
- **Cevap B-) center**
- C-) transition
- D-) animation-direction
- E-) perspective
<hr /> 1. <strong>CSS Flexbox özelliklerinden order varsayılan aşağıdaki hangi değeri alır?</strong>
- A-) -1
- **Cevap B-) 0 (sıfır)**
- C-) 1
- D-) 2
- E-) 10
<hr /> 1. <strong>Çok satırlı yapılarda ögeleri çapraz eksende (dikey) hizalamak için kullanılan align-content değerlerinden biri aşağıdakilerden hangisidir?</strong>
- **Cevap A-) space-around**
- B-) order
- C-) flex-wrap
- D-) flex-grow
- E-) flex-direction
<hr /> 1. <strong>Aaşağıdakilerden hangisi </strong><strong>Flexbox Modeli'ne ait olan bir avantajdır?</strong>
- A-) Bazı tarayıcılar tarafından desteklenir.
- B-) Ögelerde boyutlandırma yoktur.
- C-) Ögeler hizalanamaz.
- **Cevap D-) Hemen hemen tüm tarayıcılar tarafından desteklenir.**
- E-) Duyarlı ve uyarlanabilir web tasarımı sürecini zorlaştırır.
<hr /> 1. <strong>CSS Flexbox flex-wrap özelliği hangi işlem için kullanılır?</strong>
- A-) Esnek kutu düzenin rengini değişmek için
- B-) Esnek kutu düzeninde dikey hizalama için
- C-) Esnek kutu düzeninde yatay hizalama için
- **Cevap D-) Esnek kutu düzeninde birden çok satıra yaymak için**
- E-) Esnek kutu düzeninde ki metinleri büyütmek için
<hr /> 1. <strong>Flexbox özelliklerinden order özelliğinin işlevi ile ilgili olarak aşağıdakilerden hangisi doğrudur?</strong>
- A-) Esnek kapsayıcı içindeki esnek kutu ögelerinin çapraz eksende hizalamasını ayarlar.
- **Cevap B-) Esnek kapsayıcı içindeki ögelerin kaçıncı sırada görünmesi gerektiğini belirler.**
- C-) Ögenin, esnek kutu içindeki diğer ögelere göre nasıl küçüleceğini belirtir.
- D-) Ögelerin yönünü belirtir.
- E-) Esnek bir uzunluğun bileşenlerini belirtir.
<hr /> 1. <strong>Justify Content değeri ve açıklaması ile ilgili olarak aşağıdakilerden hangisi <u>yanlıştır</u>?</strong>
- A-) flex-start: Ögeleri sola dayar ve soldan sağa hizalar.
- B-) flex-end: Ögeler sağa dayalı (bitiş noktası) olarak hizalanır.
- **Cevap C-) center: Ögeler sola hizalanır.**
- D-) space-between: İlk öge sola, son öğe sağa olacak şekilde ögeler eşit olarak hizalanır.
- E-) space-around: İlk ve son öge dışındaki ögelerin arasında eşit boşluklar bırakılır.
<hr /> 1. ......... esnek ögelerin yerleştirildiği yönü belirler.<br /> <strong>Cümlede boş bırakılan yere aşağıdakilerden hangisi getirilmelidir?</strong>
- A-) Align-items
- B-) Flex-basis
- C-) Align-content
- D-) Flex
- **Cevap E-) Flex-direction**
<hr /> ## Unite 9 1. <strong>Aşağıdakilerden hangisi “Navbar” yapısı tasarlanırken kullanılabilecek elementlerden biri <u>değildir</u>?</strong>
- A-) <ul> </ul>
- B-) <ul> <li> </li> </ul>
- C-) <a> </a>
- D-) <ol> </ol>
- **Cevap E-) <row> </row>**
<hr /> 1. Web sayfası içerisinde dikey olarak oluşturulmuş gezinme çubuğu yapısına ……..…………… adı verilir.<br /> <strong>Cümledeki boşluğa aşağıdakilerden hangisi getirilmelidir?</strong>
- A-) Horizontal Navbar
- **Cevap B-) Vertical Navbar**
- C-) Navbar
- D-) Sticky NavBar
- E-) Fixed Navbar
<hr /> 1. Web sayfası içerisinde yatay olarak oluşturulmuş gezinme çubuğu yapısına ……..…………… adı verilir.<br /> <strong>Cümledeki boşluğa aşağıdakilerden hangisi getirilmelidir?</strong>
- **Cevap A-) Horizontal Navbar**
- B-) Vertical Navbar
- C-) Navbar
- D-) Sticky NavBar
- E-) Fixed Navbar
<hr /> 1. <strong>Aşağıdakilerden hangisi yatay gezinme çubuğuna ait elemanlar arasında yatay bir düzen oluşturmak için kullanılan stil tanımıdır?</strong>
- A-) pull
- B-) offset
- **Cevap C-) float**
- D-) margin
- E-) padding
<hr /> 1. <strong>Aşağıdakilerden hangisi bir resim galerisine responsive özelliği kazandırmak için kullanılır?</strong>
- **Cevap A-) Media Query**
- B-) JavaScript
- C-) JQuery
- D-) CSS Grid
- E-) CSS Container
<hr /> 1. ……………….. x ve y ekseni bir uzayda html elementlerinin yerini değiştirme, döndürmek, ölçeklendirmek ve çarpıtmak için kullanılır.<br /> <strong>Cümledeki boşluğa aşağıdakilerden hangisi getirilmelidir?</strong>
- **Cevap A-) 2D Transform**
- B-) 2D Translate
- C-) 2D Rotate
- D-) 2D Scale
- E-) 2D Skew
<hr /> 1. <strong>Aşağıdakilerden hangisi bir nesnenin x ve y ekseni üzerindeki konumunu belirlenen değerler doğrultusunda değiştirmek için kullanılır?</strong>
- A-) Rotate
- B-) Scale
- C-) Skew
- D-) SkewX
- **Cevap E-) Translate**
<hr /> 1. <strong>Aşağıdakilerden hangisi “Transitions” metoduna ait özelliklerden birisi <u>değildir</u>?</strong>
- A-) transition-delay
- B-) transition-duration
- C-) transition-property
- D-) transition-timing-function
- **Cevap E-) transition-timed-function**
<hr /> 1. <strong>“transition-delay” özelliğinin işlevi aşağıdakilerden hangisinde doğru verilmiştir?</strong>
- **Cevap A-) Geçiş işlemi başlatılmadan önce saniye cinsinden ne kadar süre beklenileceğini belirlemek için kullanılır**
- B-) Geçiş işleminin ne kadar sürede tamamlanacağını belirlemek için kullanılır
- C-) Geçiş işleminin hangi elementin özelliğine uygulanacağını belirlemek için kullanılır
- D-) Geçiş işleminin hız eğrisini belirlemek için kullanılır
- E-) Geçiş işlemi başlatılmadan önce dakika cinsinden ne kadar süre beklenileceğini belirlemek için kullanılır
<hr /> 1. <strong>Aşağıdakilerden hangisi 2 boyutlu dönüştürme yöntemlerinden biri <u>değildir</u>?</strong>
- A-) rotate
- **Cevap B-) grow**
- C-) scaleY
- D-) skewX
- E-) matrix
<hr /> 1. <strong>Aşağıdakilerden hangisi geçiş(transition) özellikleri arasında <u>yer almaz</u>?</strong>
- A-) transition-delay
- B-) transition-property
- **Cevap C-) directional**
- D-) ease-in
- E-) ease-in-out
<hr /> 1. <strong>Aşağıdakilerden hangisi bir nesneyi saat yönünde veya saat yönünün tersine yönde döndürmek için kullanılır?</strong>
- A-) Translate
- **Cevap B-) Rotate**
- C-) Scale
- D-) ScaleX
- E-) ScaleY
<hr /> 1. <strong>Aşağıdakilerden hangisi bir nesnenin x ve y eksenindeki eğimini artırıp azaltmak için kullanılır?</strong>
- A-) SkewX
- B-) SkewY
- C-) Scale
- **Cevap D-) Skew**
- E-) Translate
<hr /> 1. <strong>Aşağıdakilerden hangisi geçiş işleminin hız eğrisini belirlemek için kullanılır?</strong>
- A-) transition-delay
- B-) linear
- C-) transition-duration
- D-) transition-property
- **Cevap E-) transition-timing-function**
<hr /> 1. ....... web sayfası üzerindeki menü ya da gezinme çubuğu olarak adlandırılabilir.<br /> <strong>Cümlede boş bırakılan yere aşağıdakilerden hangisi getirilmelidir?</strong>
- **Cevap A-) Navbar**
- B-) Image Gallery
- C-) 2D Transform
- D-) Transitions
- E-) Scale
<hr /> ## Unite 10 1. <strong>Aşağıdakilerden hangisi Bootstrap kullanmanın avantajlarından birisi <u>değildir</u>?</strong>
- A-) Responsive (Duyarlı) sayfa tasarımlarının yapılması
- B-) Tasarım işlemlerini standardize etmesi
- C-) Aynı işleve sahip kodların tekrar yazılmasına gerek duyulmaması
- **Cevap D-) Tasarım işlemlerini yavaşlatması**
- E-) Tasarım işlemlerini daha kolay ve hızlı yapılması
<hr /> 1. <strong>Aşağıdakilerden hangisi Bootstrap v5 tarafından desteklenen internet tarayıcılar arasında <u>yer almaz</u>?</strong>
- **Cevap A-) Internet Explorer**
- B-) Chrome
- C-) Microsoft Edge
- D-) Firefox
- E-) Opera
<hr /> 1. HTML elementler üzerinde Bootstrap özellikleri ......... tanımı ile kullanılır.<br /> <strong>Cümlede boş bırakılan yere aşağıdakilerden hangisi getirilmelidir?</strong>
- A-) data
- B-) style
- **Cevap C-) class**
- D-) head
- E-) link
<hr /> 1. I. Breakpoints (Kesme Noktaları)<br /> II. Containers (Kapsayıcılar)<br /> III. Grid (Izgara)<br /> IV. Tables (Tablolar)<br /> <strong>Yukarıdakilerden hangisi ya da hangileri Layout (Düzen) Sistemi'nin bileşenleri arasında yer alır?</strong>
- A-) Yalnız I
- B-) Yalnız III
- C-) I ve II
- **Cevap D-) I, II ve III**
- E-) I, II ve IV
<hr /> 1. <strong>Aşağıdakilerden hangisi Breakpoint (Kesme Noktası) tanımlarından birisi <u>değildir</u>?</strong>
- **Cevap A-) xs**
- B-) sm
- C-) md
- D-) lg
- E-) xxl
<hr /> 1. <strong>Aşağıdakilerden hangisi kullanılan cihaz ya da ekranı tamamen kapsayan "container" tanımıdır?</strong>
- A-) container
- **Cevap B-) container-fluid**
- C-) container-sm
- D-) container-full
- E-) container-xxl
<hr /> 1. <strong>Aşağıdakilerden hangisi bir HTML tablodaki satırları bir açık bir koyu renkte olacak şekilde renklendirir?</strong>
- A-) table-colored
- B-) row-colored
- **Cevap C-) table-striped**
- D-) row-striped
- E-) table-bordered
<hr /> 1. <strong>Aşağıdakilerden hangisi bir tablonun satır ve sütunlarına kenarlık eklemek için kullanılan tanımdır?</strong>
- A-) bordered
- **Cevap B-) table-bordered**
- C-) col-bordered
- D-) row-bordered
- E-) cell-bordered
<hr /> 1. <strong>Aşağıdakilerden hangisi bir HTML tabloya Responsive özelliği kazandırmak için kullanılır?</strong>
- A-) responsive
- **Cevap B-) table-responsive**
- C-) adaptive
- D-) table-adaptive
- E-) responsive adaptive
<hr /> 1. <strong>Aşağıdakilerden hangisi Bootstrap v5 içerisinde <u>yer almaz</u>?</strong>
- A-) Html
- B-) Css
- C-) JavaScript
- **Cevap D-) JQuery**
- E-) TypeScript
<hr /> 1. <strong>Boostrap v5 versiyonu, windows masaüstü ortamında aşağıdaki internet tarayıcılarından hangisi tarafından <u>desteklenmez</u>?</strong>
- **Cevap A-) Safari**
- B-) Firefox
- C-) Opera
- D-) Microsoft Edge
- E-) Chrome
<hr /> 1. <strong>1400 px ölçüsünden büyük kesme noktası tipi aşağıdakilerden hangisidir?</strong>
- A-) Small (Küçük)
- B-) Medium (Orta)
- C-) Large (Büyük)
- D-) Extra large (Ekstra büyük)
- **Cevap E-) Extra extra large (Ekstra ekstra büyük)**
<hr /> 1. <strong>Aşağıdaki Breakpoints (Kesme Noktaları) ile ilgili ifadelerden hangisi <u>yanlıştır</u>?</strong>
- A-) 12’lik ızgara yapısından oluşur.
- B-) Cihaza ait ekran ölçüsünü tespit ederek hangi kategoriye ait olduğunu belirler.
- **Cevap C-) X-Small ekran boyutu için “xs” class tanımı kullanılır.**
- D-) Small ekran boyutu için “sm” class tanımı kullanılır.
- E-) Medium ekran boyutu için “md” class tanımı kullanılır.
<hr /> 1. <strong>Aşağıdakilerden hangisi mouse (fare) imlecinin üzerinde bulunduğu satırı renklendirmek için kullanılan tablo yapısıdır?</strong>
- A-) table-mouseover
- **Cevap B-) table-hover**
- C-) table-responsive
- D-) table-cursor
- E-) table-pointer
<hr /> 1. <strong>Aşağıdakilerden hangisi Windows işletim sistemi tarafından desteklenen internet tarayıcıları arasında <u>yer almaz</u>?</strong>
- A-) Chrome
- B-) Firefox
- C-) Microsoft Edge
- D-) Opera
- **Cevap E-) Safari**
<hr /> 1. <strong>Aşağıdakilerden hangisi bir HTML tabloya Hoverable özelliği kazandırmak için kullanılır?</strong>
- A-) table-responsive
- B-) responsive
- C-) table-bordered
- **Cevap D-) table-hover**
- E-) table-striped
<hr /> 1. <strong>Grid sistemi ile ilgili olarak aşağıdakilerden hangisi <u>yanlıştır</u>?</strong>
- A-) Satır ve sütunlardan oluşan flexbox ile geliştirilmiş Layout sisteminin bir parçasıdır.
- B-) Satıları tanımlamak için row, sütunları tanımlamak için ise col class tanımı kullanılır.
- **Cevap C-) Her bir satırda toplam 20 adet sütun bulunmaktadır.**
- D-) Sütunlar farklı oranlarla birleştirilerek veya kaydırılarak kullanılabilir.
- E-) Container yapısı altında çalışmaktadır.
<hr /> ## Unite 11 1. <strong>Aşağıdakilerden hangisi bir form elementinin responsive özelliği kazanabilmesi için alabileceği class tanımlarından biridir?</strong>
- A-) form-label-check
- B-) form-responsive
- **Cevap C-) form-control**
- D-) form-element
- E-) form-adaptive
<hr /> 1. <strong>Aşağıdakilerden hangisi bir form elementini kullanıcı etkileşimine kapatmak için kullanılan özelliktir?</strong>
- A-) Readonly
- **Cevap B-) Disabled**
- C-) Closed
- D-) Form-readonly
- E-) Form-disabled
<hr /> 1. <strong>Aşağıdakilerden hangisi bir form elementini göründüğünden daha büyük göstermek için kullanılan class tanımıdır?</strong>
- A-) form-control-sm
- B-) form-control-xl
- C-) form-control-xxl
- **Cevap D-) form-control-lg**
- E-) form-larger
<hr /> 1. ………………………… , satır (row) ve sütunlardan (col) oluşan bir ızgara (Grid) yapısı içerisinde elementlerin alt alta dizilerek konumlandırılmasıyla ortaya çıkan form şeklidir.<br /> <strong>Cümlede boş bırakılan yere aşağıdakilerden hangisi getirilmelidir?</strong>
- **Cevap A-) Horizontal Form**
- B-) Inline Form
- C-) Vertical Form
- D-) Legend Form
- E-) Fieldset
<hr /> 1. <strong>Aşağıdakilerden hangisi kullanıcının var olan seçenekler arasından en az bir adet seçim yapması istendiği durumda kullanılan form kontrolüdür?</strong>
- **Cevap A-) checkbox**
- B-) radio
- C-) selectbox
- D-) inputbox
- E-) dropbox
<hr /> 1. <strong>Aşağıdakilerden hangisi button, file, text ve check gibi bir HTML elementin sağına ya da solun başka bir HTML elementin eklenmesiyle meydana gelen bileşene verilen isimdir?</strong>
- A-) form-group
- B-) button-group
- C-) list-group
- D-) label-group
- **Cevap E-) input-group**
<hr /> 1. <strong>Aşağıdakilerden hangisi “Form Validation (Doğrulama)” işlemi için form elementinin class tanımına eklenmesi gereken ifadedir?</strong>
- A-) novalidate
- B-) validate-form
- C-) form-validate
- D-) form-valid
- **Cevap E-) needs-validation**
<hr /> 1. <strong>Aşağıdakilerden hangisi başarılı bir işlem sonucunu “Alert” bileşeni ile görüntülemek için kullanılması gereken en uygun class tanımıdır?</strong>
- A-) alert-primary
- B-) alert-danger
- **Cevap C-) alert-success**
- D-) alert-light
- E-) alert-dark
<hr /> 1. <strong>Aşağıdakilerden hangisi içeriklerin yatay ya da dikey sekmeler halinde gruplandırılarak gösterilebilmesi için kullanılan bileşendir?</strong>
- **Cevap A-) Tab**
- B-) List group
- C-) Breadcrumb
- D-) Navbar
- E-) Table
<hr /> 1. <strong>Aşağıdakilerden hangisi bir web sayfası üzerinde o anda bulunulan sayfayı hiyerarşik bir biçimde göstermek için kullanılan bileşendir?</strong>
- **Cevap A-) Breadcrumb**
- B-) Navbar
- C-) Navigation Bar
- D-) Accordion
- E-) Bread Bar
<hr /> 1. <strong>Aşağıdakilerden hangisi Bootstrap bileşenlerinden biri <u>değildir</u>?</strong>
- A-) Alert
- B-) Button
- **Cevap C-) Square**
- D-) Modal
- E-) Toast
<hr /> 1. <strong>Bir form elementinin sunucuya hiçbir şekilde veri göndermemesi için kullanılan özellik aşağıdakilerden hangisidir?</strong>
- A-) readonly
- **Cevap B-) disabled**
- C-) closed
- D-) form-readonly
- E-) form-disabled
<hr /> 1. <strong>Aşağıdakilerden hangisi “Form Validation (Doğrulama)” işlemi için form elementine eklenmesi gereken bir özelliktir?</strong>
- **Cevap A-) novalidate**
- B-) validate-form
- C-) form-validate
- D-) form-valid
- E-) needs-validation
<hr /> 1. <strong>Form yapısına hem estetik bir görünüm hem de her türlü cihaz ve ekran boyutuna duyarlı olma özelliği kazandıran web uygulaması aşağıdakilerden hangisidir?</strong>
- A-) Input
- **Cevap B-) Bootstrap**
- C-) Button
- D-) Img
- E-) Table
<hr /> ## Unite 12 1. <strong>Aşağıdakilerden hangisi mobil uyumlu web sitesini tanımlamaktadır?</strong>
- A-) Tek ekran üzerinden çalışılıp paylaşılan web sayfalarıdır.
- B-) Masaüstü tasarımı olarak ayarlanıp kullanıcıların mobil cihazları ile giriş yaptığı tüm siteler mobil uyumlu web sitelerdir.
- C-) Alan adının önünde sadece “m.alanadi.com” olan siteler mobil uyumlu sitelerdir.
- **Cevap D-) Farklı çözünürlük ve boyutlardaki cihazlarda ideal görüntülenmesi için tasarlanan web sayfalarıdır.**
- E-) Alan adının sonunda sadece “alanadi.com/m” olan siteler mobil uyumlu sitelerdir.
<hr /> 1. <strong>Tek bir site ve içerik ile ekran boyutuna göre ideal görüntüleme deneyimini sağlayan tasarımlara ne ad verilir?</strong>
- A-) Tek sayfalı tasarım
- B-) Görsel tasarım
- C-) Masaüstü tasarım
- D-) Uyarlanabilir tasarım
- **Cevap E-) Duyarlı web tasarımı**
<hr /> 1. <strong>Tek içerikten farklı boyut oluşturulduğu için tutarsız ara yüzler aşağıdaki tasarımlardan hangisinde oluşmaktadır?</strong>
- **Cevap A-) Duyarlı web tasarımı**
- B-) Uyarlanabilir web tasarımı
- C-) CSS tasarımı
- D-) HTML tasarımı
- E-) HTML 5 tasarımı
<hr /> 1. <strong>Aşağıdakilerden hangisi duyarlı web sitesi avantajlarından biridir?</strong>
- A-) Duyarlı web siteleri ile CSS ve HTML kullanmadan web sitesi tasarlanabilmektedir.
- B-) Farklı ekran ölçülerine uygun özgün tasarımlar yapılabilir.
- **Cevap C-) Tek HTML kodu ile tüm ekranlara tasarım yapıldığı için oluşturulması ve devamlılığı sağlamak için diğer yapılara göre daha az emek ile yapılabilmektedir.**
- D-) Duyarlı web tasarımı çevre bilinci ile ilgili konuları kapsamaktadır.
- E-) Duyarlı web tasarımları işitme engelli kişiler için tasarlanmaktadır.
<hr /> 1. <strong>Aşağıdakilerden hangisi duyarlı web sitesi avantajlarından biridir?</strong>
- A-) Duyarlı web sitesi ile sadece masaüstü tasarımlar oluşturulabilmektedir.
- B-) HTML ve CSS olmadan da duyarlı web site tasarımları yapılabilir.
- C-) Duyarlı web sitesi sadece bazı konularda oluşturulabilmektedir.
- **Cevap D-) Farklı ekranlara göre esnek boyutlandırmada sınırlı kontrol sunmaktadır.**
- E-) Duyarlı web sitelerin analitik sayfalarına eklenmesi daha kolaydır.
<hr /> 1. <strong>Farklı boyutlardaki cihazlarda özel tasarımlar yapabilmeyi sağlayan esnek yapılı tasarım aşağıdakilerden hangisidir?</strong>
- **Cevap A-) Uyarlanabilir Tasarım**
- B-) Duyarlı Tasarım
- C-) Uyarlı ve Duyarlı Tasarım
- D-) Masaüstü Görünümlü Tasarım
- E-) UX UI Tasarım
<hr /> 1. <strong>Aşağıdakilerden hangisi uyarlanabilir (adaptive) tasarımın özelliklerinden biridir?</strong>
- A-) Tek HTML kodu ve tek site üzerinden tüm boyutlar ayarlandığı için bakımı kolaydır.
- **Cevap B-) Uyarlanabilir tasarımda farklı ekranların site bileşenlerinin boyut ve davranışları özelleştirilebilir.**
- C-) HTML ve CSS kodları yazılmadan da uyarlanabilir bir tasarım yapılabilir.
- D-) İşitme ve görme engelli kişiler için uyarlanabilir bir yapıdadır.
- E-) Çevre kontenjanına uyarlanabilir web siteleri kullanılabilir.
<hr /> 1. <strong>Aşağıdakilerden hangisi duyarlı ve uyarlanabilir tasarım farklarından biri <u>değildir</u>?</strong>
- A-) Cihaz boyutuna göre içeriklerin konumlandırılma durumu
- B-) Piyasaya yeni bir cihaz çıkarılması halinde duyarlı tasarımlar daha hızlı adapte olabilecektir.
- **Cevap C-) İki tasarım prensibinin de web sitesini mobil uyumlu hale getirmesi**
- D-) Duyarlı web siteleri uyarlanabilir web sitelerine göre daha yavaştır.
- E-) Uyarlanabilir web siteleri duyarlı web sitelerine göre daha esnektir.
<hr /> 1. <strong>Mobil uyumlu web site kütüphanelerinden birisi aşağıdakilerden hangisidir?</strong>
- A-) Unification
- B-) Summarize
- **Cevap C-) Foundation**
- D-) Digitalize
- E-) Performance
<hr /> 1. <strong>Aşağıdakilerden hangisi uyarlanabilir tasarım özelliklerinden biridir?</strong>
- **Cevap A-) JavaScript kodları, uyarlanabilir tasarımlarda web site bileşenlerini kontrol etmek için kullanılabilir.**
- B-) Duyarlı tasarım farklı cihazlarda benzer bir tasarım düzeni sunmaktadır.
- C-) Farklı ekranlara göre farklı düzenlemeler yapılamaz.
- D-) Belirli bir hedef kitlesi yoktur.
- E-) Uyarlanabilir tasarımda farklı ekranların site bileşenlerinin boyut ve davranışları özelleştirilemez.
<hr /> 1. CSS kodlarının sıfırdan yazılması yerine hazır CSS kütüphaneleri kullanılmaktadır.<br /> <strong>Aşağıdakilerden hangisi CSS kütüphanesine örnek <u>değildir</u>?</strong>
- **Cevap A-) HTML**
- B-) Bootstrap
- C-) Semantic - UI
- D-) Foundation
- E-) Materialize
<hr /> 1. <strong>Aşağıdakilerden hangisi mobil uyumluluk testi için kullanılan sitelerden biri <u>değildir</u>?</strong>
- A-) search.google.com/test/mobile-friendly
- B-) responsivedesignchecker.com
- C-) ami.responsivedesign.is/
- D-) responsivetesttool.com/
- **Cevap E-) google.com/userfriendly**
<hr /> 1. <strong>Aşağıdakilerden hangisi @media etiketinde kullanılan medya tipleri arasında <u>yer almaz</u>?</strong>
- A-) Screen
- B-) Tty
- C-) Tv
- D-) Projection
- **Cevap E-) Bootstrap**
<hr /> 1. I. Semantic – UI<br /> II. Foundation<br /> III. Materialize<br /> IV. UI Kit<br /> <strong>Yukarıdakilerden hangisi ya da hangileri CSS Framework kütüphaneleri arasında yer alır?</strong>
- A-) I, II ve III
- B-) I, II ve IV
- C-) I, III ve IV
- D-) II, III ve IV
- **Cevap E-) I, II, III ve IV**
<hr /> ## Unite 13 1. <strong>Aşağıdakilerden hangisi "çapraz tarayıcı uyumluluğu sorununun yaygın nedenleri" arasında <u>yer almaz</u>?</strong>
- A-) DOCTYPE kullanımı
- B-) Tarayıcıya özel CSS kullanımı
- C-) CSS sıfırlama
- **Cevap D-) Yeni tarayıcı algılama**
- E-) Eski tarayıcı algılama
<hr /> 1. <strong>Çapraz tarayıcı uyumluluğunda aşağıdaki ifadelerden hangisi davranış uyumluluğunu ifade eder?</strong>
- A-) Web sitesinin istenilen şekilde görünüp görünmediğini kontrol eder.
- B-) CSS ve JavaScript kodlarının farklı tarayıcılarda geçerli olup olmadığını kontrol eder.
- C-) Responsive tasarımdaki sitenin farklı mobil cihazlarda farklı çözünürlükteki görünümünü kontrol eder. Ayrıca mobil cihazın yatay veya dikey çevrilmesi sonucundaki oluşacak görüntüyü de kontrol eder.
- D-) Sitenin farklı tarayıcılardaki performansına bakarak performansların yakın olup olmadığını kontrol eder.
- **Cevap E-) Web sitesinin istenildiği gibi davranıp davranmadığını kontrol eder. Örneğin sitede bir butona tıklandığında yeni pencerede bir sayfa açılıyorsa bu işlemin bütün tarayıcılarda gerçekleşip gerçekleşmediğini kontrol eder.**
<hr /> 1. <strong>Çapraz tarayıcı uyumluluğunda aşağıdaki ifadelerden hangisi kod uyumluluğunu ifade eder?</strong>
- A-) Web sitesinin istenilen şekilde görünüp görünmediğini kontrol eder.
- **Cevap B-) CSS ve JavaScript kodlarının farklı tarayıcılarda geçerli olup olmadığını kontrol eder.**
- C-) Responsive tasarımdaki sitenin farklı mobil cihazlarda farklı çözünürlükteki görünümünü kontrol eder.
- D-) Sitenin farklı tarayıcılardaki performansına bakarak performansların yakın olup olmadığını kontrol eder.
- E-) Web sitesinin istenildiği gibi davranıp davranmadığını kontrol eder.
<hr /> 1. <strong>Aşağıdakilerden hangisi çapraz tarayıcı uyumluluğu ile alakalı <u>değildir</u>?</strong>
- **Cevap A-) PHP**
- B-) JavaScript
- C-) CSS
- D-) HTML
- E-) CSS3
<hr /> 1. <strong>Aşağıdakilerden hangisi dünyada en çok kullanılan tarayıcılardan biri <u>değildir</u>?</strong>
- A-) Chrome
- B-) Firefox
- C-) Internet Explorer
- D-) Opera
- **Cevap E-) Xcode**
<hr /> 1. <strong>Aşağıdakilerden hangisi W3C (World Wide Web) konsorsiyumunun temel amaçları arasında yer alır?</strong>
- A-) Yeni yazılım dili oluşturmak
- B-) Teknoloji firmalar arasındaki rekabeti arttırmak
- C-) Büyük teknolojik firmaları korumak
- **Cevap D-) Web alanında standartlar oluşturmak**
- E-) İnterneti dünyaya yaymak
<hr /> 1. <strong>Aşağıdakilerden hangisi çapraz tarayıcı uyumluluğundaki etkenlerden biridir?</strong>
- A-) Kullanıcının işlemcisi
- B-) Kullanıcının ana kartı
- C-) Kullanıcının ekran kartı
- D-) Sunucunun işlemcisi
- **Cevap E-) Kullanıcının işletim sistemi**
<hr /> 1. …………. bir web sitesinin herhangi bir tarayıcıda beklendiği gibi çalışıp çalışmadığı anlamına gelir.<br /> <strong>Cümlede boş bırakılan yere aşağıdakilerden hangisi getirilmelidir?</strong>
- **Cevap A-) Çapraz tarayıcı uyumluluğu**
- B-) Yazılım dili
- C-) JavaScript
- D-) CSS3
- E-) HTML5
<hr /> 1. <strong>Aşağıdakilerden hangisi çapraz tarayıcı uyumluluğu parçalarından biri <u>değildir</u>?</strong>
- A-) Kod uyumluluğu
- **Cevap B-) İşlemci uyumluluğu**
- C-) Ara yüz uyumluluğu
- D-) Davranış uyumluluğu
- E-) Mobil uyumluluk
<hr /> 1. I. DOCTYPE Kullanımı<br /> II. CSS Sıfırlama<br /> III. HTML kodlarının doğru şekilde kullanımı<br /> IV. Eski teknolojiler kullanmak<br /> <strong>Yukardakilerden hangisi ya da hangileri çapraz tarayıcı uyumluluğu sorunlarının yaygın nedenleri arasında yer alır?</strong>
- A-) Yalnız I
- B-) I ve II
- **Cevap C-) I, II ve III**
- D-) I ve III
- E-) Yalnız IV
<hr /> 1. <strong>Aşağıdaki tarayıcılardan hangisi CSS’de “-moz” ön ekini kullanmaktadır?</strong>
- **Cevap A-) Firefox**
- B-) Edge
- C-) Internet Explorer
- D-) Chrome
- E-) Opera
<hr /> 1. <strong>Aşağıdakilerden hangisinde HTML de kullanılan “BR” etiketinin W3C standartlarına göre kullanımı doğru verilmiştir?</strong>
- A-) <br> <br />
- B-) <br>
- **Cevap C-) <br />**
- D-) </br>
- E-) br
<hr /> 1. <strong>Aşağıdakilerden hangisi çapraz tarayıcı uyumluluğu testlerinde kullanılabilecek araçlardan biridir?</strong>
- **Cevap A-) TestComplate**
- B-) Photoshop
- C-) Microsoft Word
- D-) Microsoft Accsess
- E-) Paint
<hr /> 1. <strong>CSS ve JavaScript kodlarının farklı tarayıcılarda geçerli olup olmadığını kontrol eden çapraz tarayıcı uyumluluğu test parçası aşağıdakilerden hangisidir?</strong>
- **Cevap A-) Kod uyumluluğu**
- B-) Ara yüz uyumluluğu
- C-) Davranış uyumluluğu
- D-) Mobil uyumluluk
- E-) Performans uyumluluğu
<hr /> 1. <strong>Kod uyumluluğu testi ile ilgili olarak aşağıdakilerden hangisi doğrudur?</strong>
- A-) Web sitesinin istenilen şekilde görünüp görünmediğini kontrol eder.
- B-) Web sitesinin istenildiği gibi davranıp davranmadığını kontrol eder.
- C-) Responsive tasarımdaki sitenin farklı mobil cihazlarda farklı çözünürlükteki görünümünü kontrol eder.
- **Cevap D-) CSS ve JavaScript kodlarının farklı tarayıcılarda geçerli olup olmadığını kontrol eder.**
- E-) Sitenin farklı tarayıcılardaki performansına bakarak performansların yakın olup olmadığını kontrol eder.
<hr /> 1. <strong>Tarayıcıya dokümanın tip bilgisini sunmak için kullanılan etiket </strong><strong>aşağıdakilerden hangisidir? </strong>
- A-) Browserling
- **Cevap B-) Doctype**
- C-) TestComplate
- D-) Ghostlab
- E-) Html
<hr /> ## Unite 14 1. <strong>Aşağıdakilerden hangisi Mock-Up hazırlama ortamlarından biri <u>değildir</u>?</strong>
- **Cevap A-) Mockminus**
- B-) Moqups
- C-) Mockup Builder
- D-) Origami Studio
- E-) MockPlus
<hr /> 1. <strong>Az yoğunlukta ve genellikle tek sayfadan veya ekrandan oluşan çalışmalarda insan gözünün hareket ettiği yolu açıklamaya çalışan tasarım modeli aşağıdakilerden hangisidir?</strong>
- A-) Z-Deseni
- **Cevap B-) Gutenberg**
- C-) F-Deseni
- D-) N-Deseni
- E-) V-Deseni
<hr /> 1. <strong>Aşağıdakilerden hangisi WireFrame hazırlama ortamlarından biri <u>değildir</u>?</strong>
- **Cevap A-) Luxery**
- B-) Wireframe.cc
- C-) Balsamiq
- D-) InDesign
- E-) Axure
<hr /> 1. <strong>Aşağıdakilerden hangisi </strong><strong>Wireframe kullanmanın faydaları için <u>yanlıştır</u>?</strong>
- A-) Web siteniz veya ürününüz hakkında ön konuşmalarda çok yardımcı olur ve görülen durumların değiştirilmesini kolaylaştırır.
- B-) Wireframe çalışmasından sonra yazılıma geçmek, daha belirgin kuralları takip etmenizi sağlar.
- C-) Wireframe aşamasında yapılan değişiklikler, kodlama başladıktan sonra gerekli görülen değişikliklerden çok daha kolay ve dolayısıyla daha ucuzdur.
- D-) Taslak çalışmaların yardımı ile fikir ve tasarımın her aşamasında son kullanıcılarla test edebilirsiniz.
- **Cevap E-) Bir model çerçevesinde uygulanacak alan tasarımın yüzeyde nasıl görüneceğinin belirlenmesi amacıyla kullanılır.**
<hr /> 1. <strong>Aşağıdakilerden hangisinin en temel amacı sitedeki hiyerarşiyi düzenlemektir?</strong>
- A-) Tipografi
- B-) InVision
- C-) Mock-Up
- **Cevap D-) Wireframe**
- E-) prototip
<hr /> 1. <strong>Aşağıdaki tasarım ortamlarından hangisi web tabanlıdır?</strong>
- A-) InDesign
- B-) Axure
- **Cevap C-) Wireframe.cc**
- D-) Adobe XD
- E-) InVision Studio
<hr /> 1. <strong>F-Deseni tasarım modeli için aşağıdakilerden hangisi söylenebilir?</strong>
- A-) Az yoğunlukta ve genellikle tek sayfadan veya ekrandan oluşan çalışmalarda insan gözünün hareket ettiği yolu açıklamaya çalışmıştır
- B-) Sadece metin odaklı olmayan, içeriğe göre uzayıp kısalabilen sayfa veya ekranlarda kullanılır
- **Cevap C-) Yoğun içerik bloklarının kullanıldığı durumlarda insan gözünün bu blokları tararken hareket ettiği yolu açıklamaya çalışmıştır**
- D-) Kullanıcının gözleri bu modele göre hareket ettiğinde, ekranda hayali bir “Z” şekli oluşturur
- E-) Kullanıcının gözleri ile izlediği bu yolu referans alarak tasarım alanını dörde ayırmıştır
<hr /> 1. <strong>Aşağıdakilerden hangisi daha basit olan ve az sayıdaki içeriğin gösterilmesinin amaçlandığı tasarımlar için kullanılan tasarım modelidir?</strong>
- **Cevap A-) Z-Deseni Tasarım Modeli**
- B-) F-Deseni Tasarım Modeli
- C-) Gutenberg Diyagramı Tasarım Modeli
- D-) Altın Üçgen Deseni
- E-) Odak Noktaları Tasarım Modeli
<hr /> 1. <strong>Tipografi aşağıdakilerden hangisi ile <u>ilgilenmez</u>?</strong>
- A-) Metin stilleri
- B-) Metin boyutlar
- **Cevap C-) Metin içeriği**
- D-) Metinlerin konumu
- E-) Metin aralığı
<hr /> 1. <strong>Facebook tarafından geliştirilen Mock-up hazırlama ortamı aşağıdakilerden hangisidir?</strong>
- **Cevap A-) Origami Studio**
- B-) Mockup Builder
- C-) Moqups
- D-) MockPlus
- E-) Sketch
<hr /> 1. <strong>Aşağıdakilerden hangisi prototip hazırlamanın avantajlarından biridir?</strong>
- A-) Tasarım süresini kısaltmak
- B-) Metinsel ifadelerin stillerini belirlemek
- C-) Web sitesinin özelliklerini belirlemek
- **Cevap D-) Hataların tespit edilmesini kolaylaştırmak**
- E-) Tasarım maliyetini azaltmak
<hr /> 1. <strong>Bir web sitesinin tasarım aşamaları sırasıyla aşağıdakilerden hangisinde doğru olarak verilmiştir?</strong>
- A-) MockUp - Wireframe - Prototip
- **Cevap B-) Wireframe - MockUp - Prototip**
- C-) Prototip - MockUp - Wireframe
- D-) MockUp - Prototip - Wireframe
- E-) Wireframe - Prototip - MockUp
<hr /> 1. <strong>Aşağıdakilerden hangisi prototip çalışmalarının amaçlarından biridir?</strong>
- A-) Arka plan resimleri, simgeler ve diğer dekoratif ögelerin seçimlerini yapmak
- **Cevap B-) Web sitesi ve kullanıcı arasındaki etkileşim eksikliklerini ve hatalarını keşfetmek**
- C-) Web sitesi için oluşturulmuş olan yönlendirmelerin nasıl görüneceğini belirlemek
- D-) Web sitesinde bulunması gereken özellikleri belirlemek
- E-) Sayfalar arasındaki geçişleri belirlemek
<hr /> 1. <strong>Genellikle doğayı ve sürdürülebilirliği çağrıştıran renk aşağıdakilerden hangisidir?</strong>
- A-) Turuncu
- B-) Mavi
- **Cevap C-) Yeşil**
- D-) Kahverengi
- E-) Kırmızı
<hr /> 1. <strong>Aşağıdakilerden hangisi prototip çalışmalarının amaçlarından biri <u>değildir</u>?</strong>
- A-) Web sitesi ve kullanıcı arasındaki etkileşim eksikliklerini ve hatalarını keşfetmek
- B-) Farklı tasarım fikirlerini kolayca karşılaştırabilmek
- **Cevap C-) Geliştirilen web sitesinde bulunması gereken özellikleri belirlemek**
- D-) Ürünün sözel olarak anlatılması zor olan özelliklerini de içeren bir sunum olarak da kullanmak
- E-) Kullanıcılara fikrin kolay aktarılabilmesi sebebiyle geri bildirim toplamayı kolaylaştırmak
<hr /> 1. <strong>Aşağıdakilerden hangisi oluşturduğunuz prototipi size html, css ve ilişkili javascript kodları ile tamamlanmış bir web sitesi şeklinde hazır getirebilir?</strong>
- A-) Balsamiq
- **Cevap B-) webFlow**
- C-) InDesign
- D-) Adobe XD
- E-) Sketch
<hr /> 1. <strong>Aşağıdakilerden hangisi prototip hazırlamanın avantajlarından biri <u>değildir</u>?</strong>
- A-) Hata tespiti yapar.
- B-) Çalışmanın tamamının gözden geçirilmesine imkân sağlar.
- C-) Ortak çalışma verimliliğini artırır.
- D-) Geliştirme süreci taleplere uygun şekilde planlar.
- **Cevap E-) Tasarım maliyetini azaltır.**
<hr /> 1. <strong>UX tasarımcıları tarafından kullanılan ve bir web sitesi, uygulama veya ürün için tasarımlarının bilgi hiyerarşisini tanımlamalarına ve planlamalarına olanak tanıyan uygulama aşağıdakilerden hangisidir?</strong>
- A-) Ürün
- B-) Tipografi
- C-) Prototiper
- D-) Mockup
- **Cevap E-) WireFrame**
<hr />